* {
    padding: 0;
    margin: 0;
}
html {
    height: 100%;
}

body {
    height: 100%;
    background-image: linear-gradient(to bottom right, rgb(114, 135, 254), rgb(130, 88, 186));
}

.main-container{
    width: 500px;
    height: 300px;
    margin: 50px auto auto;
    text-align: center;
    border-radius: 15px;
    box-shadow: 0 10px 50px 0 rgb(59, 45, 159);
    background-color: rgb(95, 76, 194);;
}
table{
    width: 90%;
    margin: auto;
    line-height: 20px;
}
button{
    width: 50px;
    padding:5px 5px;
    margin: 4px auto;
    border-radius: 10px;
    border-width: 1px;
    transition: .2s;
}
button:hover{
    background-color: rgb(245, 224, 120);
}